.w1200 {
    width: 1200px;
}

body {
    background-color: #f5f5f5;
}

.header {
    height          : 60px;
    border-bottom   : 1px solid #e6e6e6;
    background-color: white;
}

/* logo */
.logo {
    width      : 220px;
    padding-top: 15px;
}

/* 中间导航 */
.e_nav {
    width      : 630px;
    padding-top: 18px;
    margin-left: 30px;
}

.e_nav .e_nd {
    float   : left;
    width   : 90px;
    height  : 30px;
    position: relative;
}

.e_nav .e_nd a {
    display    : block;
    width      : 90px;
    height     : 30px;
    line-height: 30px;
    text-align : center;
    font-size  : 16px;
    color      : #666;
    position   : absolute;
    left       : 0;
    top        : 0;
    z-index    : 10;
}

.e_nav .e_nd em {
    position       : absolute;
    width          : 90px;
    height         : 30px;
    background     : url('../img/NavIcoActive.jpg') no-repeat;
    background-size: 100% 100%;
    z-index        : 9;
    opacity        : 0;
}

.e_nav .e_nd:hover a {
    color: #ff4905;
}

.e_nav .e_nd:hover em {
    animation: pulse 0.5s linear normal forwards;
}


/* 右边 */
.eTopRight {
    width      : 320px;
    padding-top: 19px;
}

.formSecher {
    /* width        : 148px; */
    width     : 28px;
    height    : 28px;
    transition: all 0.3s;
}

.eSecher {
    /* width           : 146px; */
    width              : 26px;
    height             : 26px;
    border             : 1px solid transparent;
    /* border          : 1px solid #ccc; */
    border-radius      : 13px;
    position           : relative;
    transition         : all 0.3s;
}

.eText {
    border               : none;
    background           : none;
    /* width             : 115px; */
    width                : 0;
    padding-left         : 10px;
    height               : 26px;
    outline              : none;
    /* 去掉谷歌中的框 */
    transition           : all 0.3s;
}

.eSub {
    border    : none;
    width     : 17px;
    height    : 17px;
    background: url('../img/etk_09.jpg') no-repeat;
    position  : absolute;
    right     : 3px;
    top       : 5px;
}

.eLogin {
    padding: 8px 5px 0;
}

.eTopShopCart {
    padding: 8px 10px 0;
}

.eLogin a {
    color: #666;
}


/* -------------------------- */
/* banner上导航 */
.offcn_aside {
    height          : 504px;
    padding-top     : 19px;
    width           : 230px;
    position        : absolute;
    left            : 0;
    top             : 60px;
    background-color: rgba(255, 73, 5, 0.4);
    overflow-y      : auto;
    z-index         : 100;
}

.offcn_aside dl {
    padding-left : 14px;
    margin-bottom: 17px;
}

.offcn_aside dl dt {
    line-height: 30px;
    font-size  : 18px;
}

.offcn_aside dl dt a {
    color: white;
}

.offcn_aside dl dd {
    line-height: 24px;
}

.offcn_aside dl dd a {
    margin-right: 10px;
    display     : inline-block;
    color       : white;
}

/* 滚动条 */
.offcn_aside::-webkit-scrollbar {
    width           : 3px;
    background-color: #EAEEF5;
    border-radius   : 3px;
}

/* 滚动滑块 */
.offcn_aside::-webkit-scrollbar-thumb {
    width           : 3px;
    background-color: #FFDE00;
    border-radius   : 3px;
}

/* 滚动条轨道 */
.offcn_aside::-webkit-scrollbar-track {
    width           : 3px;
    background-color: #EAEEF5;
    border-radius   : 3px;
    overflow        : hidden;
}

/* -------------- */

.footer {
    height          : 200px;
    background-color: #999;
}



/* ------------------------------------ */
@keyframes pulse {
    0% {
        transform: scale(0.5, 0.5);
        opacity  : 0;
    }

    50% {
        transform: scale(1, 1);
        opacity  : 1;
    }

    75% {
        transform: scale(1.1, 1.1);
        opacity  : 1;
    }

    100% {
        transform: scale(1, 1);
        opacity  : 1;
    }
}